﻿<UserControl x:Class="FrontDisplay.Music.MusicPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:FrontDisplay.Controls"
    Width="800" Height="500" FontFamily="Tahoma">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="20*"/>
            <RowDefinition Height="60*"/>
            <RowDefinition Height="20*"/>
        </Grid.RowDefinitions>
        <Viewbox Grid.RowSpan="3" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="0,0,0,75" Width="544" Height="150">
            <TextBlock x:Name="PlayerName" Opacity="0.2"></TextBlock>
        </Viewbox>
        <StackPanel Grid.RowSpan="3">
            <Label Padding="0" PreviewMouseLeftButtonDown="LabelMouseDown" HorizontalAlignment="Stretch">
                <local:OutlineTextBlock Text="Artist" x:Name="SongLabel" FontSize="60" />
            </Label>
            <local:OutlineTextBlock Text="Title" x:Name="SongLabel2" HorizontalAlignment="Right" FontSize="60" />
        </StackPanel>
        <Button Grid.Column="0" Opacity="0.3" PreviewMouseLeftButtonDown="BackButtonClick" Style="{DynamicResource MediaButton}" Template="{DynamicResource MediaButtonTemplate}" VerticalAlignment="Top" HorizontalAlignment="Right" Width="100" Height="80" FontSize="50" FontFamily="WebDings">r</Button>
        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="16*" />
                <ColumnDefinition Width="68*" />
                <ColumnDefinition Width="16*" />
            </Grid.ColumnDefinitions>
            <!--<Button Grid.Column="0" Opacity="0.2" Margin="0,0,0,170" Style="{DynamicResource MediaButton}" FontSize="32">Playlists</Button>-->
            <Button Grid.Column="0" Opacity="0.2" PreviewMouseLeftButtonDown="PrevButtonClick" Margin="0,0,0,0" Style="{DynamicResource MediaButton}" Template="{DynamicResource PrevButtonTemplate}">Previous</Button>
            <Grid Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="50*" />
                    <RowDefinition Height="50*" />
                </Grid.RowDefinitions>
                <StackPanel Orientation="Horizontal" x:Name="SpectrumL" Grid.Row="0" RenderTransformOrigin="0.5,0.5">
                </StackPanel>
                <StackPanel Orientation="Horizontal" x:Name="SpectrumR" Grid.Row="1" RenderTransformOrigin="0.5,0.5">
                    <StackPanel.RenderTransform>
                        <ScaleTransform ScaleX="1" ScaleY="-1"/>
                    </StackPanel.RenderTransform>
                </StackPanel>
            </Grid>
            <Button Grid.Column="1" Opacity="0.1" PreviewMouseLeftButtonDown="PlayButtonClick" x:Name="PlayButton" Style="{DynamicResource MediaButton}" Template="{DynamicResource PlayButtonTemplate}" Margin="40">Play</Button>
            
            <!--<Button Grid.Column="2" Opacity="0.2" Margin="0,0,0,170" Style="{DynamicResource MediaButton}" FontSize="32">Options</Button>-->
            <Button Grid.Column="2" Opacity="0.2" PreviewMouseLeftButtonDown="NextButtonClick" Margin="0,0,0,0" Style="{DynamicResource MediaButton}" Template="{DynamicResource NextButtonTemplate}">Next</Button>
        </Grid>
        <local:PositionControl x:Name="PositionBar" VerticalAlignment="Bottom" Grid.Row="2" PreviewMouseLeftButtonDown="PositionBarMouseLeftButtonDown" />
    </Grid>
</UserControl>